﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
    <!-- Tell IE to use the latest, best version. -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 使移动应用程序占用全屏浏览器并禁用用户缩放. -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- 禁止缓存 -->
<!--    <meta http-equiv="pragma" content="no-cache">-->
<!--    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">-->
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT">
    <link rel="shortcut icon" href="earth.ico" type="image/x-icon" />
    <!--Cesium Viewer小部件-->
    <link rel="stylesheet" href="libs/Cesium/Widgets/widgets.css" />
    <link rel="stylesheet" href="libs/SuperMap/css/pretty.css" />
    <link href="libs/SuperMap/css/font-awesome.min.css" rel="stylesheet">
    <link href="libs/SuperMap/css/style.css" rel="stylesheet">

    <link rel="stylesheet" href="libs/jqueryui/jquery-ui.css">
    <!--飞行界面样式-->
    <link rel="stylesheet" href="css/fly3dPath.css" />
    <!--初始化界面样式-->
    <link rel="stylesheet" href="css/index.css" />
    <!--infowindow样式-->
    <link rel="stylesheet" href="css/infowindow.css" />
    <!--工具条-->
    <link rel="stylesheet" href="css/toobar.css" />
    <link rel="stylesheet" href="css/zTreeStyle.css" />
    <link rel="stylesheet" href="css/DrawHelper.css" />
    <link rel="stylesheet" href="css/quoteCSS.css" />
    <link rel="stylesheet" href="/scripts/layui/font/iconfont.woff">
    <link rel="stylesheet" href="/scripts/layui/css/layui.css">
    <link rel="stylesheet" href="libs/ol/ol.css">

    
    <script src="/Login.js"></script>
    <script src="../Widgets/BasePlatform/OtherPage/OtherPage.js"></script>
    <script src="/scripts/PublicJS/basepublic.js"></script>
    <script src="../Script/Inject_cesium.js" type="text/javascript"></script>
    <script src="../Script/Initial_help.js" type="text/javascript"></script>
    <link href="../Css/map.css" rel="stylesheet" />
    <link href="../Widgets/Widgets.css" rel="stylesheet" />
    <!--默认加载所有widgets样式文件-->

    <style>
        .tableth {
            border: 1px solid #2b3345;
            text-align: center;
        }
        
        .tabletd {
            border: 1px solid #060709;
        }
        
        html,
        body {
            height: 100%;
        }
        
        tr {
            text-align: center;
        }
        
        #store tr:hover td {
            background: #00B2EE;
        }
        
        .layui-layer-iframe iframe {
            overflow: hidden;
            height: 100%;
            width: 100%;
        }
        
        #mapSplitIframe {
            width: 100%;
            height: 100%;
            z-index: 999999;
            background: white;
            position: absolute;
            top: 0px;
            display: none;
        }

        #myMapIframe{
            width: 100%;
            height: 100%;
            z-index: 999999;
            background: white;
            position: absolute;
            top: 0px;
            display: none;
        }
        
        #navbar-nav-container {
            height: 100%;
            width: 100%;
        }
        
        .toolbar-item-child {
            border: none !important;
            background-color: white !important;
            display: none;
            position: relative;
            top: 5px;
            border-radius: 10px;
            padding: 5px;
        }
        
        .toolbar-item-child dd {
            cursor: pointer;
            margin: 5px;
            height: 25px;
            line-height: 25px;
            border-bottom: 1px dotted #dddddd;
            cursor: pointer;
        }
        
        .toolbar-item-child dd:hover {
            /* color: #777;
            background:#dddddd; */
            font-weight: bolder;
        }
        .navigationTool{
            height: 30px;
            width: 100%;
            line-height: 30px;
        }
        .navigationToolPan{
            display: inline-block;
            height: 100%;
            width: 189px;
            background: #dddddd;
            position: relative;
            text-align: center;
            font-weight: bold;
            color: #000000d4;
            cursor: pointer;
        }
        .navigationToolPanActive{
            background: #dddddd47;
            color: blue;
        }
        .navigationToolContent{
            height: 350px;
            margin-top: 5px;
            display: none;
        }
        .navigationToolContentActive{
            display: block;
        }
        #posionNavigationTool {
            width: 400px;
            height: 400px;
            padding: 10px;
            border: none !important;
            background-color: white !important;
            display: none;
            position: relative;
            top: 3px;
            border-radius: 10px;
            left: -250px;
        }
        .navigationSearchPan{
            background: #00ffff00;
            width: 100%;
            height: 260px;
            line-height: 260px;
            margin-top: -12px;
            text-align: center;
        }
        #navigationSearchPage{
            text-align: center;
        }
        .searchItemActive{
            color: blue;
        }
        .searchItem{
            width: 100%;
            height: 27px;
            padding-left: 16px;
            line-height: 27px;
            cursor: pointer;
            text-align: left;
        }
        .searchItem:hover{
            color: blue;
            font-weight: bolder;
        }
        .position {
            cursor: pointer;
            margin:5px;
        }
        .position:hover{
            font-weight:bold;
        }

        #city {
            height: 18%;
        }

        #street {
            height: 77%;
            overflow: auto;
        }
        .navbar {
            background: transparent !important;
        }
        .layui-laypage a, .layui-laypage span{
            color: black !important;
        }
        
        #navbar-nav-container li:hover .toolbar-item-child {
            display: block;
        }
        #navbar-nav-container li:hover #posionNavigationTool {
            display: block;
        }
        #navbar-nav-container li:hover .ImgSty {
            content: url(img/general/upArrow.png);
        }
        
        #navbar-nav-container li a:hover {
            text-decoration: none;
        }
        
        .toolbarDIV {
            position: absolute;
            height: 37px;
            top: 7px;
            right: 10px;
            z-index: 99;
            background: white;
            border-radius: 25px;
            padding: 5px 10px;
            font-size: 14px;
            opacity: 0.9;
        }
        
        #righrBottomToolDiv {
            z-index: 99;
            height: auto;
            position: absolute;
            right: 10px;
            bottom: 30px;
        }
        
        #legendDiv {
            z-index: 99;
            width: 350px;
            height: 400px;
            padding: 10px;
            background-color: #FFF;
            opacity: 0.9;
            position: absolute;
            right: 58px;
            bottom: 30px;
            display: none;
        }
        
        #basemapDiv {
            z-index: 99;
            width: 260px;
            height: 150px;
            padding: 10px;
            background-color: #FFF;
            opacity: 0.9;
            position: absolute;
            right: 58px;
            bottom: 30px;
            display: none;
        }
    </style>
</head>

<body onload="earthInit()" oncontextmenu=self.event.returnValue=false>
    <!--导航栏-->
    <iframe id="mapSplitIframe" src="" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0" lontitude="" latitude="" height=""></iframe>
    <iframe id="myMapIframe" src="" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0" lontitude="" latitude="" height=""></iframe>
    <iframe id="mapTreeIframe" src="/BasePlatform/DataServer/HomeCatalogTree.html" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0"></iframe>
    <!--工具栏-->
    <div class="toolbarDIV">
        <ul id="navbar-nav-container">
        </ul>
    </div>
    <!--右下角工具-->
    <div id="righrBottomToolDiv"></div>
    <!--图例-->
    <div id="legendDiv" class="layui-form">
        <span><font style="font-size:16px;">图例</font><button type="button" id="btn-cancel-legend" class="layui-btn layui-btn-primary"style="border: none; float: right; padding: 0; color: #CDCBCD"><i class="layui-icon layui-icon-close" style="font-size: 25px;"></i></button> </span>
        <hr style="border-width: 1px !important; border-style: solid !important; border-color: #fafafa !important; ">
        <div id="legendContainer" style="overflow:auto;height:89%;"></div>
    </div>
    <!--地图切换弹窗-->
    <div id="basemapDiv" class="layui-form">
        <span><font style="font-size:16px;">底图切换</font><button type="button" id="btn-cancel-basemap" class="layui-btn layui-btn-primary" style="border: none; float: right; padding: 0; color: #CDCBCD"><i class="layui-icon layui-icon-close" style="font-size: 25px;"></i></button> </span>
        <hr style="border-width: 1px !important; border-style: solid !important; border-color: #fafafa !important; ">
        <div id="basemapContainer" style="overflow:auto;height:90%;"></div>
    </div>
    <div id="cesiumContainer" class="CesiumViewerContainer">
        <div id="SplitSlider" style="display: none;">
            <div id="splitTips" style="display: none; "></div>
        </div>
    </div>
    <!-- 图层树 -->
    <div id="ztreecontent">
        <div class="LayerTree-main-form-header">
            <i class="headericon"></i>
            <i class="title" style="color: cornsilk;">数据目录</i>
            <i class="LayerTree-main-form-fixed" id="LayerTree-main-form-fixed" title="固定"></i>
            <i class="LayerTree-main-form-closebutton" id="LayerTree-main-form-closebutton"></i>
        </div>
        <div class="LayerTree-main-form-body" id="LayerTree-main-form-body" style="width: 100%;height: 94%;overflow-y: scroll;">
            <ul id="ztree" class="ztree"></ul>

        </div>
    </div>
    <!--logo标题-->
    <!--<div id="Main-Header">自然资源二三维一体化监测平台</div>-->
    <!--下侧边栏-->
    <div id="Main-Status">
        <!--状态栏内容-->
    </div>

    <div id="olMap"></div>
    <form id="olMapForm" class="layui-form">
        <input type="checkbox" name="switch" lay-skin="switch" lay-text="关闭|联动" lay-filter="switchLinkage">
    </form>
    <!--<div id="olMapContent" class="functionWin"></div>-->
    <!-- --飞行界面样式-- -->
    <div class="functionWin layui-anim layui-anim-scale" id="flyContent"></div>
    <!-- 雨雪雾 -->
    <div id="rainSnowFogContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- --三维量测样式-- -->
    <div id="measureContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- 淹没分析样式 -->
    <div id="floodContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- 通视分析 -->
    <div id="IntervisibilityContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- 可视域分析 -->
    <div id="VisualfieldContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- 地形开挖 -->
    <div id="TerrainexcavationContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- 地形夸张 -->
    <div id="terrainExaggerateContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- 坡度坡向分析 -->
    <div id="slopeGradientContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- --剖面-- -->
    <div id="profileContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- --绘制-- -->
    <div id="drawContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- --几何绘制-- -->
    <div id="draw3DContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- 天际线分析 -->
    <div id="SkylineContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- 裁剪分析 -->
    <div id="CropContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- 日照分析 -->
    <div id="sunshineContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- --卷帘样式-- -->
    <div id="rollerShuttersContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- 等高线分析 -->
    <div id="contourContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- 填挖方分析 -->
    <div id="fillandcutContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- - WFS数据编辑-- -->
    <div id="editWFSContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- --分屏展示-- -->
    <div id="splitScreenContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!--显示设置-->
    <div id="displaySettingWin" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- 颜色设置 -->
    <div id="colorsettingContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!--定位-->
    <div id="locationContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!--视频投放参数设置-->
    <div id="videoSettingContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!--视频投放参数设置-->
    <div id="VideoDeliveryContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!--拾取-->
    <div id="locationPickContent" class="functionWin layui-anim layui-anim-scale" style="min-width: 260px;"></div>
    <!-- 数据加载 -->
    <div id="loadDataWin" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- 添加 用户Entity -->
    <div id="userEntityWin" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- entity内容 -->
    <div id="entity_modal" class="modal fade" tabindex="-1" role="dialog"></div>
    <!-- 鼠标位置 -->
    <div class="mousePosition_div layui-anim layui-anim-scale"></div>
    <!--加载界面中-->
    <div id="loadingIndicator" class="loadingIndicator layui-anim layui-anim-scale"></div>
    <!-- --查询结果展示-- -->
    <div id="queryResult" class="functionWin layui-anim layui-anim-scale" style="width: 600px;"></div>
    <!-- 兴趣点查询 -->
    <div id="intersetPointQueryDiv" class="functionWin layui-anim layui-anim-scale" style="width:380px;"></div>
    <!-- --空间查询div-- -->
    <div id="spatialQueryDiv" class="functionWin layui-anim layui-anim-scale" style="width:318px;"></div>
    <!-- --sql查询div-- -->
    <div id="sqlQueryDiv" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- --属性查询div-- -->
    <div id="attributeQueryDiv" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- --拉框查询div-- -->
    <div id="rectangleQueryDiv" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- --单体化查询div-- -->
    <div id="dynamicMonomerQueryDiv" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- --单体化显示图片的div-- -->
    <div id="dynamicMonomerDiv" class="functionWin layui-anim layui-anim-scale"></div>
    <canvas style="position : absolute; right : 50px; bottom : 50px;background-color:rgba(65, 65, 65, 0.5)" id="pro" height="0" width="0"></canvas>
    <!--创建地图故事-->
    <div id="mapStoryContent" class="functionWin layui-anim layui-anim-scale"></div>
    <!-- 图层右键菜单 -->
    <div id="rMenu">
        <a class="list-group-item" type="m_expand" id="transparentHandle">透明度设置</a>
        <a class="list-group-item" type="m_collapse" id="flyToLayerHandle">飞行到图层</a>
        <a class="list-group-item" type="m_expandSon">数据源信息</a>
    </div>
    <div id="toolTip"></div>
    <div id="AnalysisResultsContent" class="AnalysisResultsFunctionWin layui-anim layui-anim-scale" style="height: 400px;"></div>
    <script src="libs/jquery/jquery.js"></script>

    <script src="libs/jquery/interface.js"></script>
    <script src="/scripts/layui/layui.js"></script>
    <!--<script src="/scripts/layui/layui.all.js"></script>-->
    <!--cesium-->
    <script src="libs/Cesium/Cesium.js"></script>
    <!-- 加载bil -->
    <!-- <script src="libs/Cesium/bilProvider.js"></script> -->
    <!--cesium导航插件-->
    <!--<script src="libs/Cesium/CesiumHeatmap.js"></script>-->
    <script src="libs/Cesium/navigation.js"></script>
    <script src="js/map/DrawHelper.js"></script>
    <!-- Echares -->
    <!-- <script src="libs/echarts/echarts.js"></script> -->
    <script src="/scripts/echarts.min.js"></script>
    <!-- canvas2image -->
    <script src="js/utils/canvas2image.js"></script>
    <!-- ol -->
    <script src="libs/ol/ol.js"></script>
    <!-- HTML -->
    <script src="js/html.js"></script>
    <!-- 飞行 -->
    <script src="js/fun/fly/FlyCesium.js"></script>
    <!-- 配置文件 -->
    <script src="js/config.js"></script>
    <!--工具条-->
    <script src="js/utils/toorbar.js"></script>
    <script src="js/utils/utils.js"></script>
    <script src="js/infowindow.js"></script>
    <!--地球操作有关函数-->
    <script src="js/map/MapStatic.js"></script>
    <script src="js/earthOpera.js"></script>
    <!--功能函数-->
    <script src="js/fun/WebGLGlobeDataSource.js"></script>
    <script src="js/fun/newyork.js"></script>
    <script src="js/fun/satellite.js"></script>
    <script src="js/fun/kmlData.js"></script>
    <script src="js/fun/CesiumToolbar.js"></script>
    <script src="js/fun/baseLayerPicker.js"></script>
    <script src="js/fun/Mychart.js"></script>
    <script src="js/map/OtherData.js"></script>
    <script src="js/map/CameraM.js"></script>
    <script src="js/map/HandlerEvent.js"></script>
    <script src="js/map/EntityM.js"></script>
    <script src="js/map/HeatMap.js"></script>
    <script src="js/fun/analysis/measureHandler.js"></script>
    <script src="js/fun/generalTool/rollerShutters.js"></script>
    <script src="js/fun/generalTool/Draw.js"></script>
    <script src="js/fun/generalTool/Draw3D.js"></script>
    <script src="js/fun/generalTool/splitScreen.js"></script>
    <script src="js/fun/generalTool/Location.js"></script>
    <script src="js/fun/generalTool/locationPick.js"></script>
    <script src="js/fun/analysis/flood.js"></script>
    <script src="js/fun/analysis/Intervisibility.js"></script>
    <script src="js/fun/analysis/Terrainexcavation.js"></script>
    <script src="js/fun/analysis/Profile.js"></script>
    <script src="js/fun/analysis/draw.js"></script>
    <script src="js/fun/analysis/slopeGradient.js"></script>
    <script src="js/fun/analysis/videoSetting.js"></script>
    <script src="js/eventBindInit.js"></script>
    <script src="js/fun/effects/ColorSetting.js"></script>
    <script src="js/fun/effects/olMap.js"></script>
    <script src="js/fun/analysis/Skyline.js"></script>
    <script src="js/fun/analysis/Sunshine.js"></script>
    <script src="js/fun/analysis/viewed.js"></script>
    <script src="js/fun/analysis/Crop.js"></script>
    <script src="js/utils/LayerManage/jquery.ztree.all.min.js"></script>
    <script src="js/utils/LayerManage/MapLayers.js"></script>
    <script src="js/fun/editer/editer.js"></script>
    <script src="js/fun/analysis/heatMap.js"></script>
    <script src="js/fun/tools/rightBottomTools.js"></script>
    <script src="js/fun/generalTool/PositionByXZQ.js"></script>



    <!-- 绘制箭头 -->
    <script src="js/map/drawArrow/plotUtil.js"></script>
    <script src="js/map/drawArrow/algorithm.js"></script>
    <script src="js/map/drawArrow/arrowClass.js"></script>
    <script src="js/map/drawArrow/drawPlot.js"></script>
    <script src="js/fun/analysis/contour.js"></script>
    <script src="js/fun/analysis/FillandCut.js"></script>
    <!--鼠标移动-->
    <!-- <script src="js/fun/mouseMove.js"></script> -->
    <script src="js/map/Tileset.js"></script>
    <script src="js/map/Czml.js"></script>
    <script src="js/map/GeoJson.js"></script>
    <script src="js/map/KML.js"></script>
    <script src="js/map/Gltf.js"></script>
    <script src="js/map/SpreadModel.js"></script>
    <script src="libs/turf/turf.min.js"></script>
    <!-- <script src="js/quoteJS.js"></script> -->
    <!--  -->
    <script src="libs/SuperMap/js/bootstrap-select.min.js"></script>
    <script src="libs/SuperMap/js/slider.js"></script>
    <script src="libs/SuperMap/js/config.js"></script>
    <script src="libs/SuperMap/js/tooltip.js"></script>
    <script src="libs/SuperMap/js/spectrum.js"></script>
    <!-- cesium plugin -->
    <script type="text/javascript" src="libs/Cesium/plotUtil.js"></script>
    <script type="text/javascript" src="libs/Cesium/algorithm.js"></script>
    <script type="text/javascript" src="libs/Cesium/GlobeTooltip.js"></script>
    <script type="text/javascript" src="libs/Cesium/GlobePolygonDrawer.js"></script>
    <script type="text/javascript" src="libs/Cesium/GlobePolylineDrawer.js"></script>
    <script type="text/javascript" src="libs/Cesium/GlobeRectangleDrawer.js"></script>
    <script type="text/javascript" src="libs/Cesium/GlobeCircleDrawer.js"></script>
    <script type="text/javascript" src="libs/Cesium/GlobePointDrawer.js"></script>
    <script type="text/javascript" src="libs/Cesium/GlobeBufferLineDrawer.js"></script>
    <script type="text/javascript" src="libs/Cesium/GlobePointMeasure.js"></script>
    <script type="text/javascript" src="libs/Cesium/GlobePolylineSpaceMeasure.js"></script>
    <script type="text/javascript" src="libs/Cesium/GlobePolylineStickMeasure.js"></script>
    <script type="text/javascript" src="libs/Cesium/GlobePolygonMeasure.js"></script>
    <script type="text/javascript" src="libs/Cesium/PlotStraightArrowDrawer.js"></script>
    <script type="text/javascript" src="libs/Cesium/PlotAttackArrowDrawer.js"></script>
    <script type="text/javascript" src="libs/Cesium/PlotPincerArrowDrawer.js"></script>
    <script type="text/javascript" src="libs/Cesium/GlobeTracker.js"></script>
    <script type="text/javascript" src="libs/Cesium/plugin/TerrainClipPlan.js"></script>
    <script type="text/javascript" src="libs/Cesium/plugin/getCurrentMousePosition.js"></script>
    <script type="text/html" id="toolbarDemo">
        <div class="layui-btn-container">
        </div>
    </script>
    <script src="js/quoteJS.js"></script>
    <!--<script src="../Script/Main.js" type="text/javascript"></script>-->
    <!--<script src="../Widgets/Widgets.js" type="text/javascript"></script>-->
    <script src="../Script/InitializeMapInterface.js"></script>
    <script type="text/javascript" src="../../scripts/BaseP/Main/chinese2FirstPY.js"></script>
    <script type="text/javascript" src="js/fun/analysis/analysisResult.js"></script>
    <script type="text/javascript" src="js/fun/analysis/analysisDescribe.js"></script>
    <script type="text/html" id="copyBoxTpl">
        <button class="copydemo layui-btn layui-btn-normal layui-btn-xs" value='{{d.arcgis}}'>拷贝</button>
    </script>
    <script type="text/html" id="searchDLTBSource">
        <button class="btn_searchDLTBSource layui-btn layui-btn-normal layui-btn-sm" id="btn_searchDLTBSource" lay-event="searchDLTBSource" attrID="" style="position: absolute;
        right: 130px;">追溯</button>
    </script>
    <script type="text/html" id="location-operate">  
        <div class="locationTableOperate" lay-event="locationOperate">定位</div>
    </script>
</body>

</html>